@import "../global";

#site-detail {
  .info {
    .right {
      font-size: 0;
      height: 710px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .left {
      .content {
        padding: 30px 10%;
        background: #e6e6e6;
        height: 600px;
        margin-bottom: 10px;
        .des {
          h4 {
            font-size: 20px;
          }
        }
        .tabs {
          .tab-nav {
            margin-bottom: 30px;
            .tab-nav-item {
              line-height: 1;
              padding: 20px 0;
              width: 120px;
              border-bottom: 4px solid #e6e6e6;
              float: left;
              cursor: pointer;
              &.active {
                border-bottom: 4px solid @blue;
                color: @blue;
              }
            }
          }
          .tab-content {
            overflow: hidden;
            .tab-content-item {
              &.des{
                .level-content {
                  margin-bottom: 15px;
                  .label {
                    color: #333;
                    float: left;
                    width: 35%;
                    font-size: 14px;
                    i {
                      margin-right: 6px;
                    }
                    em { font-weight: bold; width: 75px; display: inline-block; text-align: left;}
                  }
                  p { overflow: hidden;
                    margin-bottom: 0;}
                }
              }
              &.photo {
                font-size: 0;
                img {
                  width: 90px;
                  height: 90px;
                  margin-right: 10px;
                  margin-bottom: 10px;
                  cursor: pointer;
                }
              }
            }
          }
        }
      }
      .button.visit {
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-size: 36px;
        color: #fff;
        background: @blue;
      }
    }
  }
}
